Who am I?
Who are you?
What brought you here?
Internet Mapping Clients: Basic HTML, Javascript, CSS; Google Maps API; OpenLayers javascript library
Geospatial Services Oriented Architectures (SOA)
Open Standards: Open Geospatial Consortium (OGC - WMS, WFS, WCS, KML); Extensible Markup Language (XML)
Desktop client use of Open Standards
Data sharing/publication using Open Standards
What is Internet Mapping?
Definitions
Tools
Use of open standards based remote data and map services in desktop applications
Establishing open standards based services to share geospatial data and mapping capabilities over the Internet
The delivery of mapping and geospatial data tools through web browsers, again based upon open standards
The global computer network of computers that typically connect with each other over TCP/IP
The subset of applications that are run over the Internet, typically using the HTTP protocol in combination with data (HTML, XML, XHTML), presentation (CSS), and behavior (JavaScript) components
The generation of cartographic products that include map images (pictures of geospatial data) and other elements (e.g. legends, tools, scale information, north-arrow)
The development of models (statistical and otherwise) that enable the exploration of geospatial data and testing of hypotheses using those data
While the definition varies from one organization to the next, Open Standards are often characterized by the following:
Ability of systems to share data and information with each other
Commercial Off-the-Shelf Software. Applications that are “purchased” from vendors, often with license terms that restrict the use the software to the specific platform for which it is licensed. Often comes with implicit or explicit technical support
Software licensed under terms that are consistent with the Open Source definition, which includes access to source code, and freedom to modify and redistribute
Actual values associated with geographic locations. For example - numeric elevation values associated with locations within a Digital Elevation Model.
Data about a particular data product or service. Metadata provide critical documentation that supports the discovery and use of data products and data and mapping services
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | |
Content is defined in terms of the structural elements available in HTML/XHTML
<p>...</p> tags<h1>...</h1>, <h2>...</h2>, <h3>...</h3>, etc.<table>...</table> tags<ol>...</ol> or <ul>...</ul> tags, depending upon whether the list is ordered (numbered) or unordered (e.g. bulleted)<form>...</form> tags<div>...</div> tagsModifications to default rendering of HTML/XHTML elements are made through styles defined in CSS
<head> block (the preferred method when doing “real” web development)<head> block of a web pageh1 {color:red; font-size:18px;}Selectors may be based on several criteria
h1, p, table, ul, etc.
<h1>A top level heading</h1>h1 {color:red; font-size:18px}<p id=”para01”>Some text goes here</p>#para01 {color:blue; font-size:12px}<p class=”instructions”>Here are some instructions</p><p class=”instructions”>Here are some more instructions</p>.instructions {color:red; font-size:12px; text-decoration:blink}The most interoperable language for adding dynamic behavior to web sites is Javascript - supported by most browsers on most operating systems
1 2 3 4 5 6 7 8 9 10 11 | |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | |
NAWRS Mapper. HTML: 39 Lines; CSS: 136 Lines; core.js: 515 Lines + Google Maps API and JQuery Framework
What is an API
An Application Programming Interface (API) is a particular set of rules and specifications that a software program can follow to access and make use of the services and resources provided by another particular software program that implements that API. It serves as an interface between different software programs and facilitates their interaction, similar to the way the user interface facilitates interaction between humans and computers. -- From Wikipedia: http://en.wikipedia.org/wiki/Api
Overlay Types documentation
gmaps01.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | |
mapPage.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | |
mapPage_01.js
1 2 3 4 5 6 7 8 9 10 11 12 | |
gmaps02.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | |
mapPage_02.js
1 2 3 4 5 6 7 8 9 10 11 12 | |
gmaps03.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | |
mapPage_03.js
1 2 3 4 5 6 7 8 9 10 11 12 | |
gmaps04.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | |
mapPage_04.js
1 2 3 4 5 6 7 8 9 10 11 12 | |
gmaps05.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | |
mapPage_05.js
1 2 3 4 5 6 7 8 9 10 11 12 | |
gmaps06.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | |
mapPage_06.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | |
gmaps07.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | |
mapPage_07.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | |
gmaps08.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | |
mapPage_08.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | |
gmaps09.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | |
mapPage_09.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | |
gmaps10.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | |
mapPage_10.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | |
Styled Maps Documentation | Styled Maps Wizard
Google Maps Styled Maps Wizard link
gmap_styled.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | |
mapPage_styled.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | |
Some particularly relevant sections: Introduction (0:00 - 10:30) | Google Maps API Integration (21:40 - 34:42) | Summary and Links (52:00 52:40)
Fusion Tables Documentation/Help
Google Fusion Tables Introduction Video link
gmaps_events.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 | |
gmaps_events.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 | |